<template>
	<a-card :bordered="false">
		<!-- 查询区域 -->
		<div class="table-page-search-wrapper">
			<a-form layout="inline" @keyup.enter.native="searchQuery">
				<a-row :gutter="24">

					<a-col :md="6" :sm="12">
						<a-form-item label="标准名称">

							<a-input placeholder="输入名称" v-model="queryParam.name"></a-input>
						</a-form-item>
					</a-col>
					<!-- <a-col :md="6" :sm="8">
            <a-form-item label="真实名字">
              <a-input placeholder="请输入真实名字" v-model="queryParam.realname"></a-input>
            </a-form-item>
          </a-col>
         <a-col :md="6" :sm="8">
            <a-form-item label="手机号码">
              <a-input placeholder="请输入手机号码查询" v-model="queryParam.phone"></a-input>
            </a-form-item>
          </a-col>

          <a-col :md="6" :sm="8">
            <a-form-item label="用户状态">
              <a-select v-model="queryParam.status" placeholder="请选择">
                <a-select-option value="">请选择</a-select-option>
                <a-select-option value="1">正常</a-select-option>
                <a-select-option value="2">冻结</a-select-option>
              </a-select>
            </a-form-item>
          </a-col> -->
					<a-col :md="6" :sm="8">
						<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
							<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
							<a-button type="primary" @click="searchReset" icon="reload"
								style="margin-left: 8px">重置</a-button>
						</span>
					</a-col>

				</a-row>
			</a-form>
		</div>
		<!-- 查询区域-END -->

		<!-- 操作按钮区域 -->
		<div class="table-operator">
			<a-button @click="handleAdd('add','新增')" style="background-color:#32cd99;color: white;" icon="plus">新增物资名称</a-button>
			<!-- <a-button type="primary" icon="download" @click="handleExportXls('wt_platform_product')">导出</a-button> -->
			<!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload>-->
			<!-- 高级查询区域 -->
			<!--      <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
      <a-dropdown v-if="selectedRowKeys.length > 0">
        <a-menu slot="overlay">
          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
        </a-menu>
        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
      </a-dropdown>-->
		</div>

		<!-- table区域-begin -->
		<div>
			<!--      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">-->
			<!--        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项-->
			<!--        <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
			<!--      </div>-->

			<a-table ref="table" size="middle" :scroll="{x:true}" bordered rowKey="id" :columns="columns"
				:dataSource="dataSource" :pagination="ipagination" :loading="loading" class="j-table-force-nowrap"
				@change="handleTableChange">

				<template slot="htmlSlot" slot-scope="text">
					<div v-html="text"></div>
				</template>
				<template slot="imgSlot" slot-scope="text,record">
					<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
					<img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt=""
						style="max-width:80px;font-size: 12px;font-style: italic;" />
				</template>
				<template slot="fileSlot" slot-scope="text">
					<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
					<a-button v-else :ghost="true" type="primary" icon="download" size="small"
						@click="downloadFile(text)">
						下载
					</a-button>
				</template>
				<template slot="isIngressEgress" slot-scope="text,record">
					<span style="color: #0066cc;">{{record.isIngressEgress === '0'?'否':record.isIngressEgress === '1'?'是':'否'}}</span>
				</template>
				<template slot="model" slot-scope="text,record">
					<a-tooltip placement="bottom">
						<template #title>
							<span>{{record.model}}</span>
						</template>
						<div style="width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
							{{record.model}}</div>
					</a-tooltip>
				</template>
				<template slot="status" slot-scope="text,record">
					<!-- <div>{{record.status === '1'?'已发布':'未发布'}}</div> -->
					<a-switch :disabled="record.status === '1' ? true:false"
						:checked="record.status === '1' ? true:false" @change="updata($event,record)" />
				</template>
				<template slot="action" slot-scope="text, record">
					<a @click="handleEdit(record)">编辑</a>
					<a-divider type="vertical" />
					<a v-if="record.status === '1' ? false:true" @click="handleDelete(record.id)">删除 </a>
				</template>

			</a-table>
		</div>

		<wt-platform-product-modal ref="modalForm" @ok="modalFormOk"></wt-platform-product-modal>
	</a-card>
</template>

<script>
	import '@/assets/less/TableExpand.less'
	import {
		mixinDevice
	} from '@/utils/mixin'
	import {
		JeecgListMixin
	} from '@/mixins/JeecgListMixin'
	import WtPlatformProductModal from './modules/WtPlatformProductModal'
	import {
		httpAction,
		getAction
	} from '@/api/manage'
	export default {
		name: 'WtPlatformProductList',
		mixins: [JeecgListMixin, mixinDevice],
		components: {
			WtPlatformProductModal
		},

		data() {
			return {

				description: 'wt_platform_product管理页面',
				// 表头
				columns: [{
						title: '创建时间',
						dataIndex: 'createTime',
						align: "center",

					},
					{
						title: '一级分类名称',
						align: "center",
						dataIndex: 'categoryOneName'
					},
					{
						title: '二级分类名称',
						align: "center",
						dataIndex: 'categoryTwoName'
					},
					{
						title: '三级分类名称',
						align: "center",
						dataIndex: 'categoryThreeName'
					},
					{
						title: '标准名称',
						align: "center",
						dataIndex: 'name'
					},
					{
						title: '材质',
						align: "center",
						dataIndex: 'texture'
					},
					{
						title: '计量单位',
						align: "center",
						dataIndex: 'unit'
					},
					{
						title: '型号',
						align: "center",
						width: 300,
						dataIndex: 'model',
						scopedSlots: {
							customRender: 'model'
						}
					},
					{
						title: '是否直进直出物资',
						align: "center",
						dataIndex: 'isIngressEgress',
						scopedSlots: {
							customRender: 'isIngressEgress'
						},
						/* customRender: function(text, r, index) {
							return text === '0'?'否':text === '1'?'是':'否'
						} */
					},
					{
						title: '备注说明',
						align: "center",
						dataIndex: 'remark'
					},
					{
						title: '发布状态',
						align: "center",
						dataIndex: 'status',
						scopedSlots: {
							customRender: 'status'
						}
					},
					{
						title: '操作',
						dataIndex: 'action',
						align: "center",
						fixed: "right",
						width: 147,
						scopedSlots: {
							customRender: 'action'
						}
					}
				],
				url: {
					list: "/product/wtPlatformProduct/list",
					delete: "/product/wtPlatformProduct/delete",
					deleteBatch: "/product/wtPlatformProduct/deleteBatch",
					exportXlsUrl: "/product/wtPlatformProduct/exportXls",
					importExcelUrl: "product/wtPlatformProduct/importExcel",

				},
				dictOptions: {},
				superFieldList: [],
			}
		},
		created() {
			this.getSuperFieldList();
		},
		computed: {
			importExcelUrl: function() {
				return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
			},
		},
		methods: {
			updata(val, record) {
				console.log(1, val, record);
				let that = this;
				let params = record;
				if (val) {
					params.status = '1';
				} else {
					params.status = '0';
				}
				httpAction('/product/wtPlatformProduct/edit', params, 'put')
					.then((res) => {
						if (res.success) {
							that.$message.success(res.message);
							this.loadData();
						} else {
							that.$message.warning(res.message)
						}
					})
			},
			initDictConfig() {},
			getSuperFieldList() {
				let fieldList = [];
				fieldList.push({
					type: 'string',
					value: 'categoryOneName',
					text: '一级分类名称'
				})
				fieldList.push({
					type: 'string',
					value: 'categoryTwoName',
					text: '二级分类名称'
				})
				fieldList.push({
					type: 'string',
					value: 'categoryThreeName',
					text: '三级分类名称'
				})
				fieldList.push({
					type: 'string',
					value: 'name',
					text: '物资名称'
				})
				fieldList.push({
					type: 'string',
					value: 'explain',
					text: '说明'
				})
				fieldList.push({
					type: 'string',
					value: 'model',
					text: '型号'
				})
				this.superFieldList = fieldList
			}
		}
	}
</script>
<style scoped>
	@import '~@assets/less/common.less';
</style>